<template>
   <div>
      <tab-bar>
          <tab-bar-item path="/home" actColor="blue">
              <img slot="item-icon" src="~assets/img/icon1.png" alt="">
              <img slot="item-icon-active" src="~assets/img/act1.png" alt="">
              <p slot="item-text">首页</p>
          </tab-bar-item>
          <tab-bar-item path="/category" actColor="blue">
                <img slot="item-icon" src="~assets/img/icon2.png" alt="">
                <img slot="item-icon-active" src="~assets/img/act2.png" alt="">
                <p slot="item-text">分类</p>
          </tab-bar-item>
          <tab-bar-item path="/cart" actColor="blue">
                  <img slot="item-icon" src="~assets/img/icon3.png" alt="">
                  <img slot="item-icon-active" src="~assets/img/act3.png" alt="">
                  <p slot="item-text"> 购物车</p>
          </tab-bar-item>
          <tab-bar-item path="/profile" actColor="blue">
                   <img slot="item-icon" src="~assets/img/icon4.png" alt="">
                   <img slot="item-icon-active" src="~assets/img/act4.png" alt="">
                   <p slot="item-text">我的</p>
          </tab-bar-item>
      </tab-bar>
   </div>
</template>
<script>
import TabBar from "components/common/tabbar/TabBar"
import TabBarItem from 'components/common/tabbar/TabBarItem'
export default {
  components:{
    TabBar,
    TabBarItem
  }
}
</script>